
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>个人资料</title>
  <link rel="stylesheet" href="__PUBLIC__/mobile/css/public.css">
  <link rel="stylesheet" href="__PUBLIC__/mobile/css/login.css">

  <link href="__PUBLIC__/css/layui.css" rel="stylesheet" type="text/css" media="all"/>
  <script type="text/javascript" src="__PUBLIC__/layui.js"></script>

  <script src="__PUBLIC__/mobile/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script src="__PUBLIC__/mobile/js/wxd.js" type="text/javascript"></script>

    <style type="text/css">
    .sendcode{
position: absolute;
    width: 100px !important;
    right: 0;
    top: 0;
    text-align: center;
    padding: 0 !important;
    background-color: #094;
    color: #fff;
    border-radius: 5px !important;
    cursor:pointer;
    }
  </style>
</head>
<body>
  <header class="nav">
      <a class="nav-return" href="{:U('mobile/info/what_laoshi',array('newcity'=>$city))}"></a>
      <h1 class="nav-title">成功案例</h1>
      <span class="nav-right">
          <a class="nav-btn-reg" href="{:U('mobile/info/what_laoshi',array('newcity'=>$city))}">返回</a>
      </span>
  </header>
  
  <section class="main">
      <div class="logo">
          <img width="230" height="64" class="logo" src="__PUBLIC__/mobile/images/logo.png">
      </div>
      <form class="form layui-form" method="post">
          <div class="input-wrap">开始时间:
                    <div class="layui-input-inline" style="width:145px;">
                    <select name="start_year" lay-verify="start_year" style="width:135px">
                        <option value="{$success[0]['time_year']}" selected=""> {$success[0]['time_year']} </option>
                        <option value="1980">1980年</option><option value="1981">1981年</option>
                        <option value="1982">1982年</option><option value="1983">1983年</option>
                        <option value="1984">1986年</option><option value="1985">1985年</option>
                        <option value="1986">1986年</option><option value="1987">1987年</option>
                        <option value="1988">1988年</option><option value="1989">1989年</option>
                        <option value="1990">1990年</option><option value="1991">1991年</option>
                        <option value="1992">1992年</option><option value="1993">1993年</option>
                        <option value="1994">1994年</option><option value="1995">1995年</option>
                        <option value="1996">1996年</option><option value="1997">1997年</option>
                        <option value="1998">1998年</option><option value="1999">1999年</option>
                        <option value="2000">2000年</option><option value="2001">2001年</option>
                        <option value="2002">2002年</option><option value="2003">2003年</option>
                        <option value="2004">2004年</option><option value="2005">2005年</option>
                        <option value="2006">2006年</option><option value="2007">2007年</option>
                        <option value="2008">2008年</option><option value="2009">2009年</option>
                        <option value="2010">2010年</option><option value="2011">2011年</option>
                        <option value="2012">2012年</option><option value="2013">2013年</option>
                        <option value="2014">2014年</option><option value="2015">2015年</option>
                        <option value="2016">2016年</option><option value="2017">2017年</option><option value="2018">2018年</option>
                    </select>
                    </div>
                    <div class="layui-input-inline" style="width: 90px;">
                        <select name="start_month" lay-verify="start_month" style="width:135px">
                            <option value="{$success[0]['time_month']}" selected=""> {$success[0]['time_month']} </option>
                            <option value="1">1月</option>
                            <option value="2">2月</option>
                            <option value="3">3月</option>
                            <option value="4">4月</option>
                            <option value="5">5月</option>
                            <option value="6">6月</option>
                            <option value="7">7月</option>
                            <option value="8">8月</option>
                            <option value="9">9月</option>
                            <option value="10">10月</option>
                            <option value="11">11月</option>
                            <option value="12">12月</option>
                        </select>
                    </div>
              <i class="i-close"></i>
          </div>
          <div class="input-wrap">
              <span style=" position: absolute;padding-top: 7px;">学生姓名：</span>
              <input type="text" lay-verify="name" name="name" value="{$success[0]['stu_name']}" placeholder="请输入学生姓名" style="padding-left: 80px;">
              <i class="i-close"></i>
          </div>
          <div class="input-wrap">
              <span style=" position: absolute;padding-top: 7px;">学生学校：</span>
              <input type="text" lay-verify="school" name="school" value="{$success[0]['school']}" placeholder="请输入学生所在学校" style="padding-left: 80px;">
              <i class="i-close"></i>
          </div>

          <div class="input-wrap">案例成果：(成功案例总显示最新的,可添加多个哦)
              <!-- <textarea id="L_content" name="content" placeholder="输入主要成果" class="layui-textarea fly-editor" style="height: 160px;">{$success[0]['result']}</textarea> -->
              <textarea name="content" class="layui-textarea" placeholder="请输入内容" rows="5" style="width: 100%;padding: 5px" >{$success[0]['result']}</textarea>
              <i class="i-close"></i>
          </div>

          <input type="hidden" name="id" value="{$id}">
          <!-- <input type="reset" value="添加" /> -->
          <button class="btn-submit" style="margin-top: 20px;" lay-submit lay-filter="*">提&nbsp;&nbsp;交</button>
      </form>
  </section>
<script type="text/javascript">
    layui.use(['form','layer','layedit' ,'laypage', 'element','upload'], function(){
            $ = layui.jquery;
          var form = layui.form()
          ,laypage = layui.laypage
          ,layedit = layui.layedit
          ,element = layui.element()
          ,upload = layui.upload
          ,layer = layui.layer;

    //自定义验证规则
    form.verify({
      start_year: function(value){
        if(value.length < 1){
          return '年份不能为空';
        }
      }
      ,start_month: function(value){
        if(value.length < 1){
          return '月份不能为空';
        }
      }
      ,name: function(value){
        if(value.length < 1){
          return '姓名不能为空';
        }
      }
      ,school: function(value){
        if(value.length < 1){
          return '学校不能为空';
        }
      }
    });
    //创建一个编辑器
    // var editIndex = layedit.build('L_content', {height: 132,
    //               tool: ['strong','italic','underline','del','left', 'center', 'right']
    //               });

    form.on('submit(*)', function(data){
      // data.field.content = layedit.getContent(editIndex);

      //console.log(data);
    $.ajax({
        url: "{:U('mobile/info/ls_success_add')}",//请求地址
        type: "post",//请求方式
        dataType: "json",//返回数据类型
        data: data.field,//发送的参数
        })
        .done(function(response) {
              if(response.error==0){
                 layer.msg(response.info ,{icon:5});

              }else{
                 layer.msg(response.info ,{icon:6});
                 location.reload();

              }
          })
        .fail(function() {
            alert("ajxs交互失败");
        })  

      return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });   
    });
</script>
</body>
</html>

